/**
 *  注意
 *  vue-router 4.0.8 
 *  4.0 版本和 3.0版本差异较大，使用时请参考 4.0 文档
 */

import { createRouter, createWebHashHistory } from 'vue-router'

// 路由路径错误展示 NotFound 页面
// import NotFoundPc from '../views/common/404pc'
import NotFoundMobile from '../views/common/404mobile'


import Login from '../views/login/Index'  // 登录页
import Index from '../views/home/Index'   // 首页

const routes =  [  // 路由配置
    {
        path: '/',
        component: Index,
        meta: {
            keepAlive: true  // 是否缓存此页面数据
        }
    },
    {
        path: '/login',
        component: Login,
        meta: {
            keepAlive: false
        }
    },
    // tips: vue-router@4 不再支持通配符 * 也就是 path: '/*' 的方式不能使用, 可用方式如下
    { 
        path: '/:pathMatch(.*)', 
        component: NotFoundMobile,
        meta: {
            keepAlive: false
        } 
    }
]

const router = createRouter({
    history: createWebHashHistory(),
    routes
})

export default router
